<template>
  <div class="home">
    <main>
      <router-view></router-view>
    </main>
    <footer>
      <Footer></Footer>
    </footer>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
import Footer from '@/components/Footer.vue'
export default {
  name: 'Home',
  components: {
    HelloWorld,Footer
  }
}
</script>

<style scoped>
.home{
  width: 100%;
  height: 100%;
}
main{
  width: 100%;
  height: calc(100% - 50px);
}
footer{
  width: 100%;
  height: 50px;
}
</style>